<template>
    <div class="header flex-between">
        <data-panel1 v-for="item in list" :key="item.id" :type="item.type" :desc="item.desc" :number="item.number"></data-panel1>
    </div>
</template>

<script>

export default {
  data () {
    return {
    }
  },

  computed: {
    list () {
      return this.$store.state.dataPlatform.panelData
    }
  },
  created () {
    // // console.log(this.list)
  }

}
</script>

<style lang="scss" scoped>
.header{
  // margin-top: 24px;

}

</style>
